<template>
    <div>
        <div class="xhld-box">
            <div class="user-item" v-for="(item,index) in list" :key='index' @click="toInfoFn(item.id)">
                <img :src="item.images" alt="">
                <p class="name">{{item.name}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {

        data () {
            return {
                list:'',
            }
        },

        mounted () {
           this.apiMember(); 
        },

        methods: {
            // 会员风采
            async apiMember(){
                let {data} = await this.https.get(this.api.apiMember);
                this.list = data;
            },

            // 根据用户id,查询用户详情
            toInfoFn(id){
                this.$router.push(`/hyfcInfo/${id}`);
            }
        }
}
</script>
<style lang="less" scoped>
@import url(../../assets/css/member/viewhyfc.less);
</style>


